// import { addRule, removeRule, rule, updateRule } from '@/services/api/auth';
import { ResourcesResultItem } from '@/services/api/model/resourcesModel';
import { getPermissionList } from '@/services/api/resources';
import type { ProColumns } from '@ant-design/pro-components';
import { PageContainer, ProTable } from '@ant-design/pro-components';
import React from 'react';
const ResourcesPage: React.FC = () => {
  const columns: ProColumns<ResourcesResultItem>[] = [
    {
      title: '序号',
      dataIndex: 'index',
      width: 48,
      valueType: 'index',
      search: false,
    },
    {
      title: '资源名称',
      align: 'center',
      dataIndex: 'name',
    },
    {
      title: '资源类型',
      align: 'center',
      dataIndex: 'typeName',
      search: false,
    },
    {
      title: '备注',
      align: 'center',
      dataIndex: 'remark',
      search: false,
    },
  ];
  return (
    <PageContainer>
      <ProTable<ResourcesResultItem>
        rowKey="id"
        // 部门接口暂时没有查询,后续需要的话找后台加一个筛选字段
        search={{}}
        pagination={{}}
        request={async (params) => {
          // 这里需要返回一个 Promise,在返回之前你可以进行数据转化
          // 如果需要转化参数可以在这里进行修改
          const msg = await getPermissionList({
            page: params.current,
            pageSize: params.pageSize,
            name: params.name,
          });
          return {
            data: msg.data?.list,
            total: msg.data?.total,
            // success 请返回 true，
            // 不然 table 会停止解析数据，即使有数据
            success: true,
            // 不传会使用 data 的长度，如果是分页一定要传
          };
        }}
        columns={columns}
      />
    </PageContainer>
  );
};
export default ResourcesPage;
